/*@import url("font/fonts.css");*/

/*Common*/

body,input,textarea,select,button,table,label 
{ font-family: 'SD Gothic Neo','Malgun Gothic','나눔고딕',NanumGothic,'돋움',dotum,Helvetica,sans-serif; font-size:12px; color: #333;}
.clear { clear: both; }

img { vertical-align: middle; }

/*Layout*/

a { color: #666; text-decoration: none; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.full { width:100%; clear: both; }
  
body {  background: url(../images/bg.png); }

header { padding: 10px 0;   }
header h1 { float: left; background: url(../images/logo_member.png); }
header h1 a { width: 150px; height: 110px; display: block; text-indent: -9999px; overflow: hidden;  }

nav.topMenu { float: right; padding-top: 85px; } 
nav.topMenu ul { padding-right: 10px; }
nav.topMenu ul li {  display: inline-block; *display:inline; zoom:1;  padding: 0 0 0 20px;  }
nav.topMenu ul li.cast a { font-weight: bold; color: #ff7d2d; }
 
#content {  }
#content section { padding-bottom: 40px; }

#content section h2 { padding: 30px 0 0;  border-bottom: 1px solid #ff7d2d;}
#content section h2 img {  padding-left: 30px;}
#content section h3 { padding: 20px 30px 0px; font-size: 16px;}

.processWrap { height: 60px; }
.processWrap ul { height: 60px;  background: url(../images/join_step_bg.png);  }
.processWrap ul li { width:25%; display: block; float: left; padding-top: 20px; height: 40px; text-align: center; }
.processWrap ul li.on { background: url(../images/join_step_over.png) bottom center no-repeat;   }

.sellerProcess { height: 60px; }
.sellerProcess ul { height: 60px;  background: url(../images/join_step_bg.png);  }
.sellerProcess ul li {  padding:0 12px; display: block; float: left; padding-top: 20px; height: 40px; text-align: center; }
.sellerProcess ul li.on { background: url(../images/join_step_over.png) bottom center no-repeat;   }
 

.agreeTable { width:640px; margin-left: 39px; }
.agreeTable th { padding-top: 10px; text-align: left; font-size: 14px; vertical-align: bottom;  }
.agreeTable td { padding-bottom: 10px; }
.agreeTable td .agreeText { padding: 9px; border:1px solid #ccc; background: #eee; height: 200px; overflow: auto; margin-top:10px; }
#content section .agreeTable td .agreeText h3 { padding: 0 0 5px; ; font-size: 12px; color: #666; margin: 0; }
#content section .agreeTable td .agreeText p { padding-bottom: 10px; }
.descWrap { padding: 10px 30px; color: #666; border-bottom: 1px dotted #ddd;}

.agreeTable td.buttonWrap { padding-top: 15px; }

.centerContent { width:720px; position: relative; margin: 0 auto;}
.copyright { text-align: center; }

footer { padding: 20px 0 40px; }

.tabHead { display: block; width:560px; margin: 20px auto 0; }
.tabHead li { width:49%; border-bottom: 2px solid #999; float: left; display: block; height: 40px; }
.tabHead li.active { border: 2px solid #999; border-bottom: none; }
.tabHead li a { display: block; font-size: 16px; font-weight: bold; color: #666; text-align: center; line-height: 40px; }
.tabHead li.active a { border:1px solid #fff; background: #eee; color: #333; line-height: 38px; }


.tabHead.three li { width:33%; }

.tabContent {   width:500px; margin: 10px auto 0; padding: 10px 30px; }
.joinForm {   width:560px; margin: 10px auto 0; padding: 10px 0; }
.buttonWrap { text-align: center; padding: 20px 0 0; }


.formTable { width:100%; }
.formTable th { width:120px; font-size: 14px; vertical-align: top; line-height: 26px; text-align: left; }
.formTable th span { color: #ff7d2d; }
.formTable td { font-size: 14px; vertical-align: top;   line-height: 26px; padding-bottom: 15px; }
.formTable td p { font-size: 12px; padding-top: 5px; color: #666; line-height: 140%; }
.formTable td img { vertical-align: middle; }
.inputText { height: 20px; padding: 2px 5px; border:1px solid #ddd; font-size: 14px; color:#666; border-radius: 3px; }
.inputText:hover, .inputText:focus { border:1px solid #ff7d2d; color: #333; }
.inputText.none, .inputText.none:hover, .inputText.none:focus { background: #eee; color: #333; border:1px solid #ddd; cursor: default; }
.textArea {  padding: 2px 5px; border:1px solid #ddd; font-size: 14px; color:#666; border-radius: 3px; }
.msgWrap { padding: 10px; border:2px solid #f09014; border-radius: 5px; background: #f9e5d9; text-align: center; text-shadow: 0px 1px 0px #fff; }
select.select { height: 30px; line-height: 20px; padding: 5px 3px;   font-size: 14px;    }

.joinComplete { text-align: center; padding: 10px 10px 30px; font-size: 18px; }
.joinComplete b { color: #ff6100; font-weight: bold; }


#loginWrap { margin: 20px; width:250px; padding: 14px 24px 0 14px; border-right: 1px solid #eee; position: relative;   margin-bottom: 0; }
#loginWrap .loginBar { border: 0; height: 20px; line-height: 20px; padding: 8px 10px; width: 230px;   display: inline-block; *display:inline; zoom:1;   margin-bottom: 10px; }
#logID { background: url(../images/login_id.png); }
#logPW { background: url(../images/login_pw.png); }
#loginWrap .loginBar:focus { background:  url(../images/login_blank.png); }
#loginWrap button { display: inline-block; *display:inline; zoom:1; float: left; height: 40px; text-indent: -9999px; overflow: hidden; border:none; }
#loginWrap button.loginBtn {  background: url(../images/login_btn_log.png); width:95px; margin-right: 10px; }
#loginWrap button.fbBtn {  background: url(../images/login_btn_fb.png); width: 145px; }
#loginWrap .extras { text-align: center; margin-top: 10px; padding-top: 5px; border-top:1px dotted #ccc; color: #ccc;}
#loginWrap .extras a { color: #666; }

#logBannerWrap { border:1px solid #ccc; overflow: hidden; width:360px; height: 200px;  background: #eee; margin-top: 34px;}

.loginFalse { position: absolute; height: 20px; padding:0 0 10px 20px; background: url(../images/login_falese_pop_l.png) left no-repeat; left:25px; top:-8px; line-height: 20px; font-size: 11px; z-index: 9999; }
.loginFalse span { display: block; float:left;  white-space: nowrap; background: url(../images/login_falese_pop_r.png) right no-repeat; padding-right: 7px; text-indent:-13px;}


.joinTypeImg { width: 640px; height: 115px; padding: 85px 40px 40px; background: url(../images/join_type_img.png) ; font-size: 14px; color: #fff; } 

.joinTypeWrap { width:359px; float: left; margin: 20px 0 0px; }
.joinTypeWrap .button { padding:0 0 0 30px; float: left; }
.joinTypeWrap ul { width:245px; float: right;   }
.joinTypeWrap ul li { color: #666; padding-left: 20px; background: url(../images/bull_join.png) 3px no-repeat; margin-bottom: 5px; line-height: 20px;}

.storeSearchResult { width: 100%; margin-top:15px; }
.storeSearchResult th { padding:5px 10px; background: #666; color: #fff;  }
.storeSearchResult td { padding:5px 10px; border-bottom: 1px solid #ccc; text-align: center; }


.sellerJoinMsg { margin: 0 auto; text-align: center; margin-bottom: 30px; line-height: 160%;  color: #666; }